<script setup lang="ts" name="DetailsContainerTitle">
withDefaults(
	defineProps<{
		title: string;
	}>(),
	{
		title: '',
	}
);
</script>

<template>
	<div class="details-container-title flex items-center justify-between">
		<div class="flex items-center">
			<div class="w-1 h-7 bg-primary mr-2"></div>
			<span class="text-base font-bold">{{ title }}</span>
		</div>
		<slot />
	</div>
</template>

<style lang="scss" scoped></style>
